<template>
  <div class="home">
    <img alt="Vue logo" src="../assets/logo.png">
    <HelloWorld message="12312" @onSetUp="onChange" />

    <div ref="div"></div>

  </div>
</template>

<script lang="ts" setup>
import HelloWorld from '@/components/HelloWorld.vue'
import * as echarts from 'echarts'
import { onMounted, ref } from 'vue'

const onChange = () => {
  console.log(123)
}

const div = ref<HTMLElement>()

onMounted(() => {
  if (typeof div.value !== 'undefined') {
    const s = echarts.init(div.value)

    // s.setOption()
  }
})
</script>



